@charset "UTF-8";
body > div {
  width: 100%; }
  body > div > div {
    margin: 0 auto;
    width: 960px; }

html body {
  height: 100%; }

.header {
  width: 100%;
  height: 85px; }
  .header .header-core {
    height: 85px; }
    .header .header-core .home {
      background: url(../images/login_log.jpg) no-repeat left; }
    .header .header-core > a {
      width: 360px;
      height: 85px;
      float: left;
      background: #000; }
    .header .header-core .header_log_box {
      float: right;
      padding-top: 35px; }
      .header .header-core .header_log_box > a {
        float: right;
        height: 31px;
        padding-right: 24px; }
      .header .header-core .header_log_box .top__box_l {
        width: 110px;
        background: url(../images/login_c.png) no-repeat top center transparent;
        background-position: 0 -64px; }
      .header .header-core .header_log_box .top__box_c {
        width: 170px;
        background: url(../images/login_topc.png) no-repeat top center transparent; }
    .header .header-core .top__box_r {
      width: 110px;
      background: url(../images/login_c.png) no-repeat top center transparent;
      background-position: 0 0; }

.login {
  position: relative; }

.loginWrap {
  height: 475px;
  position: relative;
  margin: 50px auto;
  background: url(../images/login_jingxi.jpg) no-repeat; }
  .loginWrap .log_denglu {
    width: 300px;
    padding: 0 23px;
    position: absolute;
    right: 0;
    top: -20px;
    border: 1px solid #ededed; }
    .loginWrap .log_denglu h1 {
      height: 60px;
      margin-bottom: 15px; }
      .loginWrap .log_denglu h1 > strong {
        color: #ed145b;
        line-height: 60px;
        font-family: "Microsoft YaHei","å¾®è½¯é›…é»‘","é»‘ä½“";
        font-size: 20px;
        font-weight: bold; }
      .loginWrap .log_denglu h1 div {
        float: right;
        font-size: 12px;
        font-family: Tahoma,Geneva,sans-serif;
        line-height: 60px; }
        .loginWrap .log_denglu h1 div strong {
          color: #969696; }
        .loginWrap .log_denglu h1 div a {
          color: #ed145b;
          text-decoration: none; }
    .loginWrap .log_denglu .radio_warp {
      height: 30px; }
      .loginWrap .log_denglu .radio_warp span {
        padding-right: 30px;
        font-size: 12px; }
    .loginWrap .log_denglu #log_from {
      display: none; }
      .loginWrap .log_denglu #log_from > input {
        width: 250px;
        padding: 10px 8px 10px 38px;
        margin-bottom: 26px;
        background: url(../images/login_xuebi.png) no-repeat left top;
        background-position: 5px 0; }
      .loginWrap .log_denglu #log_from .nameprompt {
        height: 20px;
        position: absolute;
        top: 150px;
        left: 30px; }
        .loginWrap .log_denglu #log_from .nameprompt > i {
          width: 20px;
          height: 20px;
          float: left;
          background-image: url(../images/logtishi.png);
          background-repeat: no-repeat;
          background-position: 0 -100px; }
        .loginWrap .log_denglu #log_from .nameprompt > span {
          float: left;
          height: 20px;
          font-size: 12px;
          color: #999;
          line-height: 20px; }
        .loginWrap .log_denglu #log_from .nameprompt > a {
          float: left;
          height: 20px;
          font-size: 12px;
          color: #ed145b;
          line-height: 20px;
          margin-left: 3px; }
      .loginWrap .log_denglu #log_from .dy_password {
        width: 100%;
        margin: 10px 0 10px 0;
        display: inline-block; }
        .loginWrap .log_denglu #log_from .dy_password > input {
          width: 86px;
          padding: 10px 8px 10px 38px;
          background: url(../images/login_xuebi.png) no-repeat;
          background-position: 5px -50px; }
        .loginWrap .log_denglu #log_from .dy_password > button {
          width: 149px;
          height: 36px;
          padding: 0 8px;
          margin-left: 10px;
          background: #FAFAFA; }
      .loginWrap .log_denglu #log_from > p {
        margin-bottom: 10px; }
        .loginWrap .log_denglu #log_from > p > input {
          font-size: 14px; }
      .loginWrap .log_denglu #log_from .log_btn1 {
        width: 100%;
        height: 40px;
        padding: 0 30px;
        margin-bottom: 10px;
        background: #ed145b;
        color: #FAFAFA;
        font-size: 14px; }
    .loginWrap .log_denglu #log_twofrom > input {
      width: 250px;
      padding: 10px 8px 10px 38px;
      margin-bottom: 26px; }
    .loginWrap .log_denglu #log_twofrom > .nameprompt, .loginWrap .log_denglu #log_twofrom .pasprompt {
      height: 20px;
      position: absolute;
      top: 145px;
      left: 30px;
      display: none; }
      .loginWrap .log_denglu #log_twofrom > .nameprompt > i, .loginWrap .log_denglu #log_twofrom .pasprompt > i {
        width: 20px;
        height: 20px;
        float: left;
        background-image: url(../images/logtishi.png);
        background-repeat: no-repeat;
        background-position: 0 -100px; }
      .loginWrap .log_denglu #log_twofrom > .nameprompt > span, .loginWrap .log_denglu #log_twofrom .pasprompt > span {
        float: left;
        height: 20px;
        font-size: 12px;
        color: #999;
        line-height: 20px; }
      .loginWrap .log_denglu #log_twofrom > .nameprompt > a, .loginWrap .log_denglu #log_twofrom .pasprompt > a {
        float: left;
        height: 20px;
        font-size: 12px;
        color: #ed145b;
        line-height: 20px;
        margin-left: 3px; }
    .loginWrap .log_denglu #log_twofrom .pasprompt {
      top: 208px;
      left: 30px; }
    .loginWrap .log_denglu #log_twofrom .inp_username {
      width: 250px;
      padding: 10px 8px 10px 38px;
      margin-bottom: 26px;
      background: url(../images/login_xuebi.png) no-repeat left top;
      background-position: 5px 0; }
    .loginWrap .log_denglu #log_twofrom .inp_password {
      background: url(../images/login_xuebi.png) no-repeat left top;
      background-position: 5px -50px; }
    .loginWrap .log_denglu #log_twofrom .log_slider {
      width: 300px;
      position: relative;
      margin-bottom: 26px;
      text-align: center; }
      .loginWrap .log_denglu #log_twofrom .log_slider div {
        width: 40px;
        height: 32px;
        line-height: 32px;
        background: #FFFFFF;
        border: 1px solid #ccc;
        position: absolute;
        top: -1px; }
      .loginWrap .log_denglu #log_twofrom .log_slider span {
        display: block;
        line-height: 31px;
        background: #E8E8E8;
        font-size: 12px; }
    .loginWrap .log_denglu #log_twofrom > p {
      margin-bottom: 10px; }
      .loginWrap .log_denglu #log_twofrom > p > input {
        font-size: 14px; }
    .loginWrap .log_denglu #log_twofrom .log_btn2 {
      width: 100%;
      height: 40px;
      padding: 0 30px;
      margin-bottom: 10px;
      background: #ed145b;
      color: #FAFAFA;
      font-size: 14px; }
    .loginWrap .log_denglu .log_icon {
      position: relative; }
      .loginWrap .log_denglu .log_icon p {
        font-family: Tahoma,Geneva,sans-serif;
        line-height: 18px;
        padding: 5px 0 10px; }
      .loginWrap .log_denglu .log_icon > div {
        display: inline-block;
        width: 255px; }
        .loginWrap .log_denglu .log_icon > div .log_show > a {
          margin-bottom: 15px;
          float: left;
          width: 43px;
          height: 43px;
          margin-right: 10px; }
        .loginWrap .log_denglu .log_icon > div .log_show .a1 {
          background: url(../images/login_qq.jpg);
          background-position: top left; }
        .loginWrap .log_denglu .log_icon > div .log_show .a2 {
          background: url(../images/login_qq.jpg);
          background-position: -57px 0; }
        .loginWrap .log_denglu .log_icon > div .log_show .a3 {
          background: url(../images/login_qq.jpg);
          background-position: -114px 0; }
        .loginWrap .log_denglu .log_icon > div .log_show .a4 {
          background: url(../images/login_qq.jpg);
          background-position: -169px 0; }
        .loginWrap .log_denglu .log_icon > div .log_show .a5 {
          background: url(../images/login_qq.jpg);
          background-position: -224px 0;
          margin: 0px; }
        .loginWrap .log_denglu .log_icon > div .log_hide {
          overflow: hidden;
          display: none; }
          .loginWrap .log_denglu .log_icon > div .log_hide > a {
            margin-bottom: 15px;
            width: 43px;
            height: 43px;
            float: left;
            margin-right: 10px; }
          .loginWrap .log_denglu .log_icon > div .log_hide .a6 {
            background: url(../images/login_qq.jpg);
            background-position: left bottom; }
          .loginWrap .log_denglu .log_icon > div .log_hide .a7 {
            background: url(../images/login_qq.jpg);
            background-position: -57px bottom; }
          .loginWrap .log_denglu .log_icon > div .log_hide .a8 {
            background: url(../images/login_qq.jpg);
            background-position: -114px bottom; }
      .loginWrap .log_denglu .log_icon span {
        height: 43px;
        display: inline-block;
        cursor: pointer;
        font-size: 12px;
        position: absolute;
        line-height: 43px; }
        .loginWrap .log_denglu .log_icon span i {
          float: right;
          width: 18px;
          height: 18px;
          margin-top: 10px;
          background: url(../images/login_qq.jpg);
          background-position: right -24px; }
        .loginWrap .log_denglu .log_icon span .active {
          background-position: right 0; }

.foot .foot-core {
  text-align: center;
  margin-bottom: 80px; }
  .foot .foot-core p {
    padding: 14px 0 18px; }
  .foot .foot-core div {
    display: inline-block;
    margin: 0 auto; }
    .foot .foot-core div a {
      width: 126px;
      height: 51px;
      float: left;
      margin: 0 6px; }
    .foot .foot-core div .foot_a1 {
      background: url(../images/login_foot.png) no-repeat;
      background-position: left; }
    .foot .foot-core div .foot_a2 {
      background: url(../images/login_foot.png) no-repeat;
      background-position: -126px; }
    .foot .foot-core div .foot_a3 {
      background: url(../images/login_foot.png) no-repeat;
      background-position: -252px; }
    .foot .foot-core div .foot_a4 {
      background: url(../images/login_foot.png) no-repeat;
      background-position: -378px; }
    .foot .foot-core div .foot_a5 {
      background: url(../images/login_foot.png) no-repeat;
      background-position: -504px; }
